<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <#include "/header.html">
</head>
<style>
    html, body, #rrapp {
        height: 100%;
    }
</style>

<body>
<div id="rrapp" class="video-app">
    <div class="flex-Justified video-module">
        <div class="video-list">
            <h4>视频列表</h4>
            <div class="list-data" v-for="(video,index) in videoList">
                <div>
                    <a @click="toPlay(video.videoLink)">
                        <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                        <img src="http://pic23.nipic.com/20120830/9686992_180336646144_2.jpg">
                    </a>
                    <p class="line-ellipsis">{{video.videoName}}</p>
                </div>
            </div>
        </div>
        <div class="video-item">
            <h5>EDE图形化视频编写教程</h5>
            <video src="" autoplay="autoplay" controls = "controls" id="video" preload="preload"></video>
        </div>
    </div>

</div>
<script src="${request.contextPath}/statics/js/modules/front/video.js?_${.now?long}"></script>
</body>
</html>